<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.10.1.js"></script>
<script type="text/javascript">
			$(fuction(){
				var url="${pageContext.request.contextPath}/employee/getAllEmployee";
				var ages={};
				$.get(url,args,function(data){
					var  count ="<table><tr><th>ID</th><th>LASTNAME</th><th>EMAIL</th><th>GENDER</th></tr></table>";
				   for (var i = 0; i < data.length; i++) {
					count +="<tr><td>"+data[i].id+"</td><td>"+data[i].lastName+"</td><td>"+data[i].email+"</td><td>"+data[i].gender+"</td></tr>"
				}
				   count +="</table>";
				   $("#showEmployee").html(count);
				});
			});
</script>
</head>
<body>

   <div id="showEmployee"></div>
</body>
</html>